<template>
  <div>
    <!-- <div class="box">
      <div class="left"></div>
      <div class="center"></div>
      <div class="right"></div>
    </div> -->
    <!-- <el-select v-model="selectValue">
      <el-option v-for="(item,index) in options"
      :key='item.id'
      :label='item.labal'
      :value='item.value'
      >
        
      </el-option>
    </el-select> -->
    <!-- <el-row class="box">
      <el-col :span='8'>
        <div class="bg-yellow"></div>
      </el-col>
    </el-row> -->
    <el-select v-model="selectValue">
      <el-option v-for="(item,index) in options"
      :key='item.id'
      :label='item.label'
      :value='item.value'
      >
        
      </el-option>
    </el-select>
  </div>
</template>

<script>
// import HelloWorld from './components/HelloWorld.vue'

export default {
  // name: 'App',
  components: {
  },
  data(){
    return {
      selectValue:'2',
      selectValuse: [],
      options:[
        {
          value:'1',
          labal:'苹果'
        },
        {
          value:'2',
          labal:'梨子'
        }
      ]
    }
  }
}
</script>

<style lang='less' scoped>
  *{
    margin: 0;
    padding: 0;
  }
  .box{
    display: flex;
    width: 100%;
    height: 100vh;
      .left{
    flex: 1;
    background-color: plum;
  }
  .center{
    flex: 1;
    background-color: aquamarine;
  }
  .right{
    flex: 1;
    background-color: blanchedalmond;
  }

  }
</style>
